@extends('frontend/layouts/default')
@section('title')
{{ $data['lesson']->title }} - Bài giảng guitar đệm hát
@stop
@section('content')
<div class="default-width-left">
    <ol class="breadcrumb" style="margin:10px 0 0 5px; background-color:transparent">
        <li><a href="#">Home</a></li>
        <li><a href="#">Library</a></li>
        <li class="active">Data</li>
    </ol>
    <div class="MgL5">
        <h1 class="font21 color55">
            <a href="<?= route('bai-giang', array('id' => $data['lesson']->id, 'slug' => $data['lesson']->slug)) ?>">
                <?= $data['lesson']->title ?>
            </a>
        </h1>

        <div class="color66 font12">Đăng <?= date('d/y/Y', strtotime($data['lesson']->created_at)) ?>
            vào <?= date('H:i', strtotime($data['lesson']->created_at)) ?></div>
        <div class="MgT7 overH">
            <div class="listcomment FL">
                <span class="number"><?= $data['lesson']->comments()->count() ?></span>
                <span>Bình luận</span>
            </div>
            <div class="FL MgL5">
                <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
            </div>
        </div>
    </div>
    @if(!empty($data['lesson']->youtube))
    <div class="MgT15 MgL5">
        <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="http://www.youtube.com/embed/<?= $data['lesson']->youtube?>"></iframe>
        </div>
    </div>
    @endif
    <div class="box-infor-clip MgT20">
        <div class="left">
            <div class="fl-infor" style="width:100%">
                <div class="avatar-lf">
                    <img src="<?= $data['user']->avatar_link() ?>" alt=""/>
                </div>
                <a href="<?= route('thanh-vien', array('id' => $data['user']->id, 'slug' => Str::slug($data['user']->username))) ?>"
                   class="font-Bold font14"><?= $data['user']->username ?></a>

                <div class="font11 color99">GURU - Đệm hát Level 10</div>
                <div>
                    <a class="btn0follow" href="#"><i class="fa fa-plus">&nbsp;</i>Theo dõi</a>
                </div>
            </div>
            <div class="MgTB15 MgL5">
                <a href="#" class="btn-infor" style="padding:5px 10px">Xem hợp âm</a>
                <a href="#" class="btn-infor" style="padding:5px 10px">Xem tab</a>
            </div>
        </div>
        <div class="right PdB10">
            <div class="statistic">
                <div class="left">
                    <div class="font30 colorDackG"><?= $data['lesson']->thanks ?></div>
                    <div>Bình chọn</div>
                </div>
                <div class="right">
                    <div class="font30 colorRed"><?= $data['lesson']->views ?></div>
                    <div>Lượt xem</div>
                </div>
            </div>
            <div class="MgT20">
                <a href="#" class="btn-vote">BÌNH CHỌN BÀI NÀY</a>
            </div>
        </div>
    </div>
    <div class="box-infor-clip MgTB20">
        <?= $data['lesson']->content ?>
<!--        <a href="#" class="btn-view-more">Xem thêm</a>-->
    </div>
    <!--tu khoa-->
    <div class="MgT15">
        <div class="title">
            <label>Từ khóa</label>
        </div>
        <div class="MgL5 tags">
            <a href="#">Quat cha</a>
        </div>
    </div>
    <!--tu khoa end-->
    <!--comment facebook-->
    <div class="MgT20 comment-face">
        @include('commons/comments/comment',array('type'=>'lesson','target_id'=>$data['lesson']->id))
    </div>
</div>
<!--end content left-->
<!--content right-->
<div class="default-width-right">
<!--search top-->
<div class="box-search MgT15">
    <input type="text" onfocus="javascript:if(this.value=='Bạn hãy nhập thông tin tìm kiếm'){this.value='';};"
           onblur="javascript:if(this.value==''){this.value='Bạn hãy nhập thông tin tìm kiếm';};"
           value="Bạn hãy nhập thông tin tìm kiếm" id="input_searchword" name="searchword" autocomplete="off"
           class="in-search">
    <a href="#" class="btn-search search"></a>
</div>
<!--search top end-->
<!--Bài giảng cùng giảng viên-->
<div class="MgT20">
    @include('frontend/lessons/includes/lesson-same-user',array('uLessons'=>$data['u_lessons']))
</div>
<!--end Bài giảng cùng giảng viên-->
<!--Bài giảng cùng chủ đề-->
<div class="MgT20">
    @include('frontend/lessons/includes/lesson-same-category',array('cLessons'=>$data['c_lessons']))
</div>
<!--end bai giang cung chu de-->
<!--Videos cùng điệu-->
<div class="MgT20">
    @include('frontend/lessons/includes/lesson-same-tone',array('tLessons'=>$data['t_lessons']))
</div>
<!--Videos cùng điệu-->
</div>
<!--end content right-->
@stop